<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="no" name="apple-touch-fullscreen">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="../css/shopping.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_957342_ucorg2ds7w.css"/>
    <title>商城列表页</title>
</head>
<body>
<!--搜索栏-->
<div class="b1" flex>
    <div class="ss" flex="cross:center">
        <input type="text" placeholder="搜索商家，店铺，品牌名。"/>
        <i class="iconfont icon-sousuo"></i>
    </div>
    <span flex="cross:center">搜索</span>

</div>
<!--第1层-->
<section class="f1">
<ul class="list">
    <li>
        <div class="yuan1"></div>
        <span>家用电器</span>
    </li>
    <li>
        <div class="yuan2"></div>
        <span>手机数码</span>
    </li>
    <li>
        <div class="yuan3"></div>
        <span>电脑办公</span>
    </li>
    <li>
        <div class="yuan4"></div>
        <span>家具家纺</span>
    </li>
    <li>
        <div class="yuan1"></div>
        <span>家用电器</span>
    </li>
    <li>
        <div class="yuan2"></div>
        <span>手机数码</span>
    </li>
</ul>
</section>
<!--第二层-->
<section class="f2">
    <div class="f2-1" flex="cross:center">
        <div class="d1" flex="main:center cross:center">
            <p>综合排序</p>
            <div id="h1">
                <img src="../img/jiantou.png">
                <!--<i class="iconfont icon-sanjiao2"></i>-->
                <!--<i class="iconfont icon-sanjiao1"></i>-->
            </div>
        </div>
        <i flex="main:center cross:center">
            <i class="xian" ></i>
        </i>
        <div>
            <p>附近商家</p>
        </div>
        <i flex="main:center cross:center">
            <i class="xian" ></i>
        </i>
        <div>
            <p>选择地区</p>
        </div>
    </div>
    <!--第一个-->
    <div>
    <div class="list1">
        <div class="list1-1" flex="main:justify cross:center">
            <span>福州VANS专卖店</span>
            <i class="iconfont icon-youjiantou"></i>
        </div>
    </div>
    <div class="list1-2" flex="main:justify cross:center">
    <div class="zuo">
    </div>
    <div class="you" >
        <p class="p1">福建省福州市鼓楼区鼓山旁福马路君临东城沃尔玛4楼</p>
        <div class="xia" flex="cross:center main:justify">
            <div flex>
                <p class="p2">距离670m</p>
                <span class="span1">关注人数103</span>
            </div>
            <button type="button">未关注</button>
        </div>
    </div>
</div>
    </div>
    <!--第二个-->
    <div>
        <div class="list1">
            <div class="list1-1" flex="main:justify cross:center">
                <span>福州潮人服饰</span>
                <i class="iconfont icon-youjiantou"></i>
            </div>
        </div>
        <div class="list1-2" flex="main:justify cross:center">
            <div class="zuo1">
            </div>
            <div class="you" >
                <p class="p1">福建省福州市仓山区六一南路汇达广场旁服装城103号</p>
                <div class="xia" flex="cross:center main:justify">
                    <div flex>
                        <p class="p2">距离670m</p>
                        <span class="span1">关注人数103</span>
                    </div>
                    <button type="button" id="btn1">已关注</button>
                </div>
            </div>
        </div>
    </div>
    <!--第三个-->
    <div>
        <div class="list1">
            <div class="list1-1" flex="main:justify cross:center">
                <span>福州VANS专卖店</span>
                <i class="iconfont icon-youjiantou"></i>
            </div>
        </div>
        <div class="list1-2" flex="main:justify cross:center">
            <div class="zuo2">
            </div>
            <div class="you" >
                <p class="p1">福建省福州市鼓楼区鼓山旁福马路君临东城沃尔玛4楼</p>
                <div class="xia" flex="cross:center main:justify">
                    <div flex>
                        <p class="p2">距离670m</p>
                        <span class="span1">关注人数103</span>
                    </div>
                    <button type="button">未关注</button>
                </div>
            </div>
        </div>
    </div>
    <!--第四个-->
    <div>
        <div class="list1">
            <div class="list1-1" flex="main:justify cross:center">
                <span>福州水密码专卖店</span>
                <i class="iconfont icon-youjiantou"></i>
            </div>
        </div>
        <div class="list1-2" flex="main:justify cross:center">
            <div class="zuo">
            </div>
            <div class="you" >
                <p class="p1">福建省福州市鼓楼区鼓山旁福马路君临东城沃尔玛4楼</p>
                <div class="xia" flex="cross:center main:justify">
                    <div flex>
                        <p class="p2">距离670m</p>
                        <span class="span1">关注人数103</span>
                    </div>
                    <button type="button" id="btn2">已关注</button>
                </div>
            </div>
        </div>
    </div>
</section>
</body>
</html>